<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<h4>Mantener Sabios</h4>

<!-- Modal -->


 <!-- sample modal content -->
 <form:form method="post" action="mante_sabio" commandName="u">
          <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

              <h3 id="myModalLabel">Insertar Nuevo Sabio</h3>
            </div>
            <div class="modal-body">
                
     <label for="nombre">Nombres</label><form:input type="text" path="nombre" />
     <label for="apepat">Apellidos Paterno</label><form:input type="text" path="apellido" />
     <label for="nombre">Tipo de Documento</label><select name="tipo_documento_id_documento">
                        <option value="1">DNI</option>
                        <option value="2">C.Extrangeria</option>
                        </select>
     <label for="nombre">Numero de Documento</label><form:input type="text" path="nu_documento" />
     <label for="nombre">Correo</label><form:input type="text" path="correo" />
     <label for="nombre">Direccion</label><form:input type="text" path="direccion" />
     <label for="nombre">Fecha de Nacimiento</label><form:input type="text" path="fe_nacimiento" />

            </div>
            <div class="modal-footer">
              <button class="btn" data-dismiss="modal">Cerrar</button>
              <button class="btn btn-primary">Guardar</button>
            </div>
          </div>
 </form:form>
<!-- Fin Modal -->

        <form:form class="form-search" method="post" action="mante_sabio" commandName="usuarios">
          <form:input type="text" path="" placeholder="Buscar" class="input-medium search-query" />
	  <form:select path="">
	     <option>Nombres</option>
	     <option>Apellido Pat.</option>
	     <option>Apellido Mat.</option>
	     <option>DNI</option>
	     <option>Correo</option>
	  </form:select> 
             <form:input type="submit" class="btn" path="" value="Buscar"></form:input>

	<a data-toggle="modal" href="#myModal" class="btn"><i class="icon-plus">  </i> Agregar Nuevo</a>

         </form:form>

	<table class="table table-hover table-bordered">
	<thead>
	 <tr>
	   <th>Nombres</th>
	   <th>Apellidos</th>
	   <th>Documento</th>
	   <th>Correo</th>
	   <th>telfono</th>
	

	 </tr>
	</thead>
	<tbody>

          <c:forEach var="usuario" items="${usuarios}">
	  <tr>

	   <td>${usuario.nombre}</td>
	   <td>${usuario.apellido}</td>
	   <td>${usuario.nu_documento}</td>
	   <td>${usuario.correo}</td>
	   <td>${usuario.te_movil}</td>

	  </tr>
          </c:forEach>

	</tbody>
	</table>

